/*
  学习目标：setState() 第二个参数
+ 场景：在状态更新（页面完成重新渲染）后立即执行某个操作
+ 语法：`setState(updater[, callback])`
[, callback]是一个回调函数

总结：

1. 第二个参数是回调函数，会在状态更新后立即执行。
2. 回调函数中调用setState，render会多次执行。
*/
import React, { Component } from 'react'

export default class App extends Component {
    state = {
        count: 0,
    };

    handleClick = () => {
        this.setState(
            { count: this.state.count + 1 },
            () => {
                console.log('this.state.count', this.state.count);
                document.title = '更新state后的标题：' + this.state.count
            }
        )


    };
    render() {
        // console.log('只执行一次');
        return (
            <div>
                <h1>数量： {this.state.count}</h1>
                <button onClick={this.handleClick}>点我修改数量</button>
            </div>
        )
    }
}
